<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>博客详情页</title>

    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/detail.css" />
  </head>

  <body>
    <div class="nav">
      <img src="pic/logo2.jpg" alt="" />
      <span class="blog-title">我的博客系统</span>
      <div class="space"></div>
      <a class="nav-span" href="blog_list.html">主页</a>
      <a class="nav-span" href="blog_edit.html">写博客</a>
      <a class="nav-span" href="#" onclick="logout()">注销</a>
    </div>

    <div class="container">
      <div class="left">
        <div class="card">
          <img src="pic/doge.jpg" alt="" />
          <!--  <h3>比特汤老师</h3>
          <a href="#">GitHub 地址</a> -->
          <h3>比特汤老师</h3>
          <a href="#">GitHub 地址</a>
          <div class="row">
            <span>文章</span>
            <span>分类</span>
          </div>
          <div class="row">
            <span>2</span>
            <span>1</span>
          </div>
        </div>
      </div>
      <div class="right">
        <div class="content">
          <div class="title"></div>
          <div class="date"></div>
          <div class="detail"></div>
          <div class="operating">
            <!-- <button onclick="window.location.href='blog_update.html'">
              编辑
            </button>
            <button onclick="deleteBlog()">删除</button> -->
          </div>
        </div>
      </div>
    </div>

    <!-- 引入 editor.md 的依赖 -->
    <link rel="stylesheet" href="blog-editormd/css/editormd.css" />
    <script src="js/jquery.min.js"></script>
    <script src="blog-editormd/lib/marked.min.js"></script>
    <script src="blog-editormd/lib/prettify.min.js"></script>
    <script src="blog-editormd/editormd.js"></script>
    <script src="js/common.js"></script>
    <script>
      //显示博客作者信息
      var userUrl = "/user/getAuthorInfo" + location.search;
      //getUserInfo(userUrl);——先注释掉

      //假的
      function deleteBlog(blogId) {
        alert("删除博客");

        if (confirm("确定删除？")) {
          $.ajax({
            type: "post",
            url: "/blog/delete" + location.search,
            success: function (result) {
              if (result.code == "SUCCESS" && result.data) {
                //删除成功
                location.href = "blog_list.html";
              }
            },
          });
        }
      }

      $.ajax({
        type: "get",
        url: "/blog/getBlogDetail" + location.search,
        success: function (result) {
          if (result.code == "SUCCESS") {
            //填充页面
            var blog = result.data;
            $(".content .title").text(blog.title);
            $(".content .date").text(blog.createTime);
            editormd.markdownToHTML("detail", {
              markdown: blog.content,
            });
            //判断是否显示编辑/删除按钮
            if (blog.loginUser) {
              var html = "";
              html +=
                "<button onclick=\"window.location.href='blog_update.html?blogId=" +
                blog.id +
                "'\">编辑</button>";
              html +=
                '<button onclick="deleteBlog(' + blog.id + ')">删除</button>';
              $(".content .operating").html(html);
            }
          }
        },
        error: function (error) {
          if (error != null && error.status == 401) {
            location.href = "blog_login.html";
          }
        },
      });

      var url = "/user/getAuthorInfo" + location.search;
      getUserInfo(url);

      // function submit() {
      //   $.ajax({
      //     type: "get",
      //     url: "/blog/update" + location.search,
      //     success: function (result) {
      //       if (result.code == "SUCCESS") {
      //         //填充页面
      //         var blog = result.data;
      //         $(".content .title").text(blog.title);
      //         $(".content .date").text(blog.createTime);
      //         $(".content .detail").text(blog.content);
      //         //↑↑↑这里应该是换成编辑器，用编辑器来显示balabala，可能是忘记改了，或者还没改到这里

      //         if (blog.loginUsr) {
      //           //注意：这里的if位置就很灵性了——放在另一个if里边——先判断能显示这个文章，才能再说是否可编辑巴拉巴拉巴拉
      //           //判断是不是当前登录用户的文章
      //           //是：拼接html，进行显示
      //           var html = "";
      //           html +=
      //             "<button onclick=\"window.location.href='blog_update.html?blogId=" +
      //             blog.id +
      //             "'\"> 编辑</button>";
      //           html +=
      //             '<button onclick="deleteBlog(' + blog.id + ')">删除</button>';

      //           //拼接完html，添加
      //           $(".content .operating").html(html);
      //         }
      //       }
      //     },
      //     error: function (err) {
      //       /* //这里不要忘，否则是对失败情况没有进行处理动作 */
      //       console.log(err);
      //       if (err != null && err.status == 401) {
      //         alert("用户尚未登录，即将跳转到登录页！");
      //         /* //已经被拦截器拦截了，未登录 */
      //         location.href = "blog_login.html";
      //       }
      //     },
      //   });
      // }

      /* function getBlogInfo() {
        $.ajax({
          type: "get",
          url: "/blog/getBlogDetail" + location.search,
          success: function (result) {
            if (result.code == "SUCCESS" && result.data != null) {
              //拼接html 或者说 用后端返回的数据填充页面
              var blog = result.data;
              $("#blogId").val(blog.id);
              $("title").val(blog.title);

              //为什么写在这里？——先从后端获取数据，再填充
              editormd("editor", {
                width: "100%",
                height: "550px",
                path: "blog-editormd/lib/",
                onload: function () {
                  this.watch();
                  this.setMarkdown(blog.content); //这里，把content的内容，放到编辑器中（这里的写法不用记，不同编辑器给出不同的规则）
                },
              });
            } else {
              alert(result.errMsg);
            }
          },
          error: function (err) {
            if (err != null && err.status == 401) {
              location.href = "blog_list.html";
            }
          },
        });
      } */

      //页面加载，就调用这个刚写好的函数
      //getBlogInfo();

      // ↓↓↓这里好像没啥用
      // $(document).ajaxSend(function (e, xhr, opt) {
      //   var token =
      //     localStorage.getItem("user_token"); /* 从本地存储中取token */
      //   xhr.setRequestHeader("user_token", token);
      // });
    </script>
  </body>
</html>
